import React from 'react'
// import ReactDOM from 'react-dom' // 这个引入,是引入reactv18之前的引入方式
// 注意: 如果项目中是reactv18的包,但是ReactDOM的代码写的是v18之前的代码,则浏览器控制台会出现一个警告(Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17.). 页面也可以正常渲染. 但是v18版本中的一些性能优化就不会生效了.所以建议根据包的版本号写对应的代码

import ReactDOM from 'react-dom/client' //这个引入是reactv18版本的写法

const div = (
  <div>
    <h1>你好,react</h1>
  </div>
)

// ReactDOM.render(div, document.getElementById('root')) // v18之前的写法

ReactDOM.createRoot(document.getElementById('root')).render(div) //v18的写法
